<template>
  <div class="app-container">
    <el-input v-model="filterText" placeholder="Filter keyword" style="margin-bottom:30px;" />

    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="用户管理" name="first">
        1111
      </el-tab-pane>
      <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
      <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
      <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
    </el-tabs>

  </div>
</template>

<script>
export default {

  data() {
    return {
      filterText: '',
      activeName: 'first'
    }
  },
  watch: {
    // filterText(val) {
    //   this.$refs.tree2.filter(val)
    // }
  },

  methods: {
    filterNode(value, data) {
      //   if (!value) return true
      //   return data.label.indexOf(value) !== -1
    },
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

